<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>

<script>
	export default {
		name: 'app',
		components: {

		}
	}
</script>

<style>
	#app,
	body,
	html {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	::-webkit-scrollbar {
		width: 8px;
	}

	/*定义滚动条轨道 内阴影+圆角*/
	::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}

	/*定义滑块 内阴影+圆角*/
	::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
		background-color: rgba(0, 0, 0, 0.1);
		height: 50px;
	}

	/* 单行文本省略样式 */
	.text_hidden {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		width: 100%;

	}

	/* 多行文本省略样式*/
	.text_hidden_rows {
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		display: inline-block;
		width: 100%;

	}
</style>
